@charset "utf-8";
/*!
 * MeiLiLaiYuan v1.0.0
 * 2014-06-19
 * sort & list style
 */



/* second-page & list-page */
.second-page,
.list-page {}
.second-page-wrap,
.list-page-wrap {
	width: 1170px;
	margin: 0 auto;
}

/* second-page-left & list-page-left */
.second-page-left,
.list-page-left {
	float: left;
	width: 197px;
}

/* second-page-nav & list-page-nav */
.s-p-nav,
.l-p-nav {
	border: 1px solid #1179ea;
}
.s-p-nav h4,
.l-p-nav h4 {
	background-image: url(../images/default/sort-hover.png);
	background-repeat: no-repeat;
	color: #fff;
	background-color: #1179ea;
	padding-left: 35px;
	line-height: 50px;
	height: 50px;
	font-size: 16px;
	margin: 0;
	font-weight: 400;
}
.s-p-nav ul,
.l-p-nav ul {}
.s-p-nav ul li,
.l-p-nav ul li {
	background-image: url(../images/default/sort-bg.png);
	background-repeat: no-repeat;
	border-bottom: 1px solid #d4d4d4;
}
h4 .cid-1 {
	background-position: 0 0;
}
h4 .cid-2 {
	background-position: 0 -40px;
}
h4 .cid-3 {
	background-position: 0 -80px;
}
h4 .cid-4 {
	background-position: 0 -120px;
}
h4 .cid-5 {
	background-position: 0 -160px;
}
h4 .cid-6 {
	background-position: 0 -200px;
}
h4.cid-7 {
	background-position: 0 -240px;
}
.s-p-nav ul li a.nav-total,
.l-p-nav ul li a.nav-total {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	width: 173px;
	/*background-color: #f5d3c2;*/
	padding-left: 20px;
	font-size: 12px;
	color: #333;
	overflow: hidden;
}
.s-p-nav ul li a.nav-total span,
.l-p-nav ul li a.nav-total span {
	color: #999;
	float: right;
	margin-right: 15px;
}

/* second-page-nav */
.s-p-nav .nav-tag {
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.s-p-nav .nav-tag a {
	float: left;
	display: inline-block;
	width: 50px;
	overflow: hidden;
	line-height: 20px;
	color: #333;
	height: 20px;
	margin-bottom: 2px;
	margin-left: 5px;
}
.s-p-nav a:hover,
.s-p-nav a:active {
	text-decoration: underline;
}
.s-p-nav ul li.active {
	border: none;
	border-top: 1px solid #fff;
	background-image: url(../images/default/sort-bg-hover.png);
	opacity: 0.7;
}
.s-p-nav ul li.active a {
	color: #fff;
}

/* list-page-nav */
.l-p-nav .nav-tag {
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.l-p-nav .nav-tag a {
	float: left;
	display: inline-block;
	width: 150px;
	overflow: hidden;
	line-height: 23px;
	color: #333;
	height: 25px;
	margin-bottom: 2px;
	margin-left: 15px;
}
.l-p-nav .nav-tag a.active {
	font-weight: 700;
	color: #000;
}
.l-p-nav a:hover,
.l-p-nav a:active {
	text-decoration: underline;
}

/* list-page-breadcrumb */
.l-p-content .breadcrumb ul {
	border: none;
}


/* second-page-search & list-page-search  */
.s-p-search,
.l-p-search {
	margin-top: 15px;
}
.s-p-search h4,
.l-p-search h4 {
	background-color: #58abff;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	line-height: 40px;
	padding-left: 15px;
	margin: 0;
}
.s-p-search div,
.l-p-search div {
	border: 1px solid #e0e0e0;
	padding: 10px;
	border-top: none;
	padding-bottom: 3px;
}
.s-p-search .search-price,
.l-p-search .search-price {
	border-bottom: none;
}
.s-p-search .title,
.l-p-search .title {
	display: inline-block;
	font-size: 14px;
	color: #333;
	padding: 5px 3px;
	border-bottom: 1px solid #c2c2c2;
	width: 170px;
	margin-bottom: 5px;
}
.s-p-search .search-price input,
.l-p-search .search-price input {
	width: 50px;
	line-height: 20px;
	height: 20px;
	margin: 0 5px;
	border: 1px solid #808080;
}
.s-p-search .submit,
.l-p-search .submit {
	display: inline-block;
	border: 1px solid #808080;
	line-height: 20px;
	width: 20px;
	text-align: center;
	color: #808080;
}
.s-p-search .submit:hover,
.l-p-search .submit:hover {
	color: #58abff;
	border: 1px solid #58abff;
}


.s-p-search .search-keyword,
.l-p-search .search-keyword {
	padding-bottom: 20px;
}
.s-p-search .search-keyword label.title,
.l-p-search .search-keyword label.title {
	display: inline-block;
	font-size: 14px;
	color: #333;
	padding: 5px 3px;
	border-bottom: 1px solid #c2c2c2;
	width: 170px;
	margin-bottom: 5px;
}
.s-p-search .search-keyword select,
.l-p-search .search-keyword select {
	width: 165px;
	margin: 0 5px;
	height: 23px;
	margin-bottom: 5px;
}
.s-p-search .search-keyword input,
.l-p-search .search-keyword input {
	margin: 0 5px;
	line-height: 20px;
	height: 20px;
	width: 130px;
}

.search-special {
	border-bottom: none !important;
}
.search-special span {
	display: block;
	padding: 5px 10px;
}
.search-special input {
	vertical-align: middle;
	cursor: pointer;
}
.search-special label {
	margin-left: 5px;
	vertical-align: middle;
}


/* second-page-right & list-page-right */
.second-page-right,
.list-page-right {
	float: right;
	width: 972px;
}

/* second-page-container */
.s-p-container {
}

/* second-page-content & list-page-content */
.s-p-content {
	margin-top: 20px;
},
.l-p-content {
	margin-top: 5px;
}

/* tool */
.shop-tool {
	padding: 5px 10px;
	margin: 0 5px;
	border: 1px solid #d4d4d4;
	border-bottom: 4px solid #1179ea;
	line-height: 25px;
	font-size: 12px;
	color: #999;
}
.shop-tool a {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	border: 1px solid #d4d4d4;
	margin-right: 5px;
	color: #999
}
.shop-tool a:hover,
.shop-tool a:active {
	border: 1px solid #1179ea;
	color: #1179ea;
}
.shop-tool a.active {
	border: 1px solid #1179ea;
	background-color: #1179ea;
	color: #fff;
}
.shop-tool-sort {
	float: left;
}
.shop-tool-page {
	float: right;
}
.shop-tool-page span {
	padding-right: 5px;
	color: #999;
}
.shop-tool-page span em {
	color: #1179ea;
}


.s-p-shop {
	margin: 10px 0 15px 15px;
}
.s-p-shop .shop-thumb {
	margin-right: 15px;
}




.s-p-pagination {
	text-align: center;
}


.f-p-nav {
	float: none;
	width: 197px;
}
.f-p-nav ul li a {
	width: 163px;
}
